<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>事件处理程序和事件对象</title>
    <style>
        section {
            padding: 10px;
        }
    </style>
</head>
<body>
    <h1>事件处理程序和事件对象示例</h1>
    <section>
        <h1>事件处理程序</h1>
        <ul>
            <li id="add">添加</li>
            <li>作用域</li>
            <li>删除</li>
        </ul>
    </section>
    <section>
        <h1>事件对象</h1>
        <ul>
            <li>包含着所有与事件相关的信息</li>
            <li>冒泡</li>
        </ul>
    </section>
</body>
</html>